<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>旋转相册 3D</title>
    <link rel="stylesheet" href="index.css" />
  </head>
  <body>
    <div class="container">
      <span style="--i: 1">
        <img
          src="https://img-baofun.zhhainiao.com/pcwallpaper_ugc_mobile/preview_jpg/21cb2279dd07492e586f228a3fb9031f.JPG"
        />
      </span>
      <span style="--i: 2">
        <img
          src="https://img-baofun.zhhainiao.com/pcwallpaper_ugc_mobile/static/d2a51ba5fa1e5cd0d5266393fb121407.jpg?x-oss-process=image%2fresize%2cm_lfit%2cw_640%2ch_1138"
        />
      </span>
      <span style="--i: 3">
        <img
          src="https://n.sinaimg.cn/sinacn10113/332/w1024h1708/20190806/73d1-iatixpm8624905.jpg"
        />
      </span>
      <span style="--i: 4">
        <img
          src="https://ts1.tc.mm.bing.net/th/id/OIP-C.rAzIUHScvAJZYEnsOYB3oAHaNK?rs=1&pid=ImgDetMain&o=7&rm=3"
        />
      </span>
      <span style="--i: 5">
        <img
          src="https://ts3.tc.mm.bing.net/th/id/OIP-C.3vN88r7hCrYG33J2aTPPmAHaNK?rs=1&pid=ImgDetMain&o=7&rm=3"
        />
      </span>
      <span style="--i: 6">
        <img
          src="https://ts2.tc.mm.bing.net/th/id/OIP-C.5AmeaglwRvHzzdbFVQcJ-QHaNK?rs=1&pid=ImgDetMain&o=7&rm=3"
        />
      </span>
      <span style="--i: 7">
        <img
          src="https://ts3.tc.mm.bing.net/th/id/OIP-C.qs0yn5Hkk_Mpv1B6z56r3AHaKz?rs=1&pid=ImgDetMain&o=7&rm=3"
        />
      </span>
      <span style="--i: 8">
        <img
          src="https://ts1.tc.mm.bing.net/th/id/OIP-C.uuMRp41SjL9ukaBDDBWz5wHaNK?rs=1&pid=ImgDetMain&o=7&rm=3"
        />
      </span>
    </div>
  </body>
</html>
